<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Sudoku</title>
<meta http-equiv="Content-Type" content="text/html; charset="utf-8" />

<script src="<?php echo $rootDir; ?>/static/javascript/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$.ajaxSetup({cache: false});  
		
	if (jQuery.browser.msie){
		jQuery.fx.off=false;
	} else {
		jQuery.fx.off=false;
	}
</script>
<script src="<?php echo $rootDir; ?>/static/javascript/chat.js" type="text/javascript"></script>

<link href="<?php echo $rootDir; ?>/static/CSS/styles.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $rootDir; ?>/static/CSS/chat.css" rel="stylesheet" type="text/css" />

</head>
<body>
<?php include 'statusbar.php'; ?>
<div id="HEADER">
	<h1>Play Sudoku!</h1>
	<ul>
		<!--  
		<li><a href="#">Sign Up</a></li>
		 -->
		<li><a href="<?php echo $page_howto; ?>">How to Play</a></li>
		<li><a href="<?php echo $page_leaderboard; ?>">Hall of fame</a></li> 
		<li><a href="<?php echo $game_joinrooms; ?>">Play Now!</a></li>
		<li><a href="<?php echo $page_home; ?>">Home</a></li>
	</ul>
	<div class="Visual"> </div>
</div>

<div id="CONTENT">
	<h2>Welcome</h2>
	<div id="TEXT">
	
<?php
	if ($submit_msg){
		echo "<div id=submitMsg class=submitMsg>$submit_msg</div>";
		//script to hide the message
		echo "<script type='text/javascript'>";
		echo "setTimeout(\"\$('#submitMsg').slideUp('slow');\",".(submit_message_timeout*1000).");";
		echo "</script>";
	}
	if ($submit_fail_msg){
		echo "<div id=submitFailMsg class=submitFailMsg>$submit_fail_msg</div>";
		//script to hide the message
		echo "<script type='text/javascript'>";
		echo "setTimeout(\"\$('#submitFailMsg').slideUp('slow');\",".(submit_message_timeout*1000).");";
		echo "</script>";
	}
	echo "<div id=solvedMsg class=solved></div>"; //to show solved message
	?>